<!DOCTYPE html><!--  Last Published: Tue Aug 12 2025 08:55:34 GMT+0000 (Coordinated Universal Time)  -->
<html data-wf-page="68905b7bd152a5189321812f" data-wf-site="6746c68e6f85582138361fe0">
<head>
  <meta charset="utf-8">
  <title>collectors_dashboard_now</title>
  <meta content="collectors_dashboard_now" property="og:title">
  <meta content="collectors_dashboard_now" property="twitter:title">
  <meta content="width=device-width, initial-scale=1" name="viewport">
  <link href="css/normalize.css" rel="stylesheet" type="text/css">
  <link href="css/webflow.css" rel="stylesheet" type="text/css">
  <link href="css/greendragon-lab-275eeb.webflow.css" rel="stylesheet" type="text/css">
  <script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
  <link href="images/favicon.png" rel="shortcut icon" type="image/x-icon">
  <link href="images/webclip.png" rel="apple-touch-icon">
  <link rel="stylesheet" href="./css/vant.min.css">
  <link rel="stylesheet" href="./css/flex.css">
  <link rel="stylesheet" href="./css/property.css">
  <script type="text/javascript" src="./js/vue.js"></script>
</head>
<body>
  <div v-cloak id="miniprogram" class="app-wrapper">
    <section class="header">
      <div class="header-wrapper">
        <div class="logo">
          <a href="index.html" class="w-inline-block"><img src="images/header_logo.svg" loading="lazy" alt="" height="Auto" class="image-3"></a>
        </div>
        <div class="hero-text">
          <div class="highlight-dot"></div>
          <div>
            <p class="small-text-white">公告：MONO.OX分子麻将</p>
            <p class="small-text">北京快闪延期</p>
          </div>
        </div>
        <div id="w-node-_769a4e41-2c61-5765-c520-0fe0569ae171-569ae16a" data-w-id="769a4e41-2c61-5765-c520-0fe0569ae171" class="burger">
          <div class="hamburger-button">
            <div class="line-top"></div>
            <div class="line-middle"></div>
            <div class="line-bottom"></div>
          </div>
        </div>
      </div>
    </section>
    <div class="nav-menu-wrapper">
      <a href="brand.html" class="nav-menu-link-top w-inline-block">
        <div class="div-menu-dec">
          <div class="menu-name">
            <div class="menu-main-text">关于实验室</div>
          </div>
          <div class="menu-dec-no-up">
            <div class="black-dot"></div>
          </div>
        </div>
      </a>
      <a href="mahjong-product.html" class="nav-menu-link w-inline-block">
        <div class="div-menu-dec">
          <div class="menu-name">
            <div class="menu-main-text">MONO.OX分子麻将</div>
          </div>
          <div class="menu-dec-no-up">
            <div class="black-dot"></div>
          </div>
        </div>
      </a>
      <a href="products.html" class="nav-menu-link w-inline-block">
        <div class="div-menu-dec">
          <div class="menu-name">
            <div class="menu-main-text">周边产品</div>
          </div>
          <div class="menu-dec-no-up">
            <div class="black-dot"></div>
          </div>
        </div>
      </a>
      <a href="login.html" class="nav-menu-link w-inline-block">
        <div class="div-menu-dec">
          <div class="menu-name">
            <div class="menu_icon"><img src="images/package_2_40dp_1D1D1D_FILL0_wght400_GRAD0_opsz40.svg" loading="lazy" alt=""></div>
            <div class="menu-main-text">样本持有人名单</div>
            <div class="sub-icon">
              <div class="basic-text-link">登记</div>
            </div>
          </div>
          <div class="menu-dec-no-up">
            <div class="black-dot"></div>
          </div>
        </div>
      </a>
      <a href="shop.html" class="nav-menu-link w-inline-block">
        <div class="div-menu-dec">
          <div class="menu-name">
            <div class="menu-main-text">如何购买</div>
          </div>
          <div class="menu-dec-no-up">
            <div class="black-dot"></div>
          </div>
        </div>
      </a>
      <a href="collaboration.html" class="nav-menu-link w-inline-block">
        <div class="div-menu-dec">
          <div class="menu-name">
            <div class="menu-main-text">机构合作</div>
          </div>
          <div class="menu-dec-no-up">
            <div class="black-dot"></div>
          </div>
        </div>
      </a>
      <a href="contact.html" class="nav-menu-link w-inline-block">
        <div class="div-menu-dec">
          <div class="menu-name">
            <div class="menu-main-text">联系&amp;订阅</div>
          </div>
          <div class="menu-dec-no-up">
            <div class="black-dot"></div>
          </div>
        </div>
      </a>
      <div class="menu-bottom">
        <div class="menu-bottom-left"></div>
        <div class="menu-bottom-right">
          <div class="icons-layout"><img src="images/self_improvement_40dp_7A7A7A_FILL0_wght400_GRAD0_opsz40.svg" loading="lazy" width="Auto" alt="" class="image-103"></div>
        </div>
      </div>
    </div>
    <section class="main-section">
      <div class="category">
        <div id="w-node-b0ec43ec-4f77-592b-4a01-5d9311f675e8-9321812f" class="block-div-solid-top">
          <div class="h2">样本持有人登记中心</div>
        </div>
      </div>
      <div class="grid-5-1">
        <div class="login-wrapper">
          <div class="table-gap">
            <div class="p_black_0">样本编号</div>
            <div class="h2_black_0">021 / 299<br>持有人</div>
          </div>
          <a href="#" class="button-s-b w-inline-block">
            <div @click="logout">退出</div>
          </a>
        </div>
        <!-- - **0**: 未兑换
- **1**: 审核中
- **2**: 审核失败
- **3**: 撤销兑换
- **4**: 兑换成功 -->
        <div id="w-node-b0ec43ec-4f77-592b-4a01-5d9311f675f7-9321812f" class="standard-block">
          <div class="warnning-card-orange" v-show="cdkStatus === '1'">
            <div class="grid-3-1">
              <div id="w-node-b0ec43ec-4f77-592b-4a01-5d9311f675fb-9321812f" class="table-gap">
                <div class="p_black_0">登记名称</div>
                <div class="h2_black_0">XXOO</div>
              </div>
              <div id="w-node-b0ec43ec-4f77-592b-4a01-5d9311f67600-9321812f" class="table-gap">
                <div class="p_black_0">审核状态</div>
                <div class="h2_black_0">审核中</div>
              </div>
            </div>
            <div class="table-gap">
              <a href="#" class="button-long w-inline-block">
                <p class="h3-list" @click="chehui">撤回申请</p>
              </a>
            </div>
            <div class="sub-text">
              <p class="st_black_0">*使用说明、警示信息</p>
            </div>
          </div>
          <div class="warnning-card" v-show="cdkStatus === '2'">
            <div class="grid-3-1">
              <div id="w-node-_1593f0a9-49aa-fd93-3803-8e3829db7080-9321812f" class="table-gap">
                <div class="p_black_0">登记名称</div>
                <div class="h2_black_0">XXOO</div>
              </div>
              <div id="w-node-_1593f0a9-49aa-fd93-3803-8e3829db7085-9321812f" class="table-gap">
                <div class="p_black_0">审核状态</div>
                <div class="h2_black_0">未通过</div>
              </div>
              <div id="w-node-_1593f0a9-49aa-fd93-3803-8e3829db708a-9321812f" class="table-gap">
                <div class="p_black_0">原因</div>
                <div class="h2_black_0">存在敏感词</div>
              </div>
            </div>
            <div class="table-gap">
              <a href="#" class="button-long w-inline-block">
                <p id="w-node-_1593f0a9-49aa-fd93-3803-8e3829db7090-9321812f" class="h3-list" @click="chongxinshenqing">重新申请</p>
              </a>
            </div>
            <div class="sub-text">
              <p>*使用说明、警示信息</p>
            </div>
          </div>
          <div class="warnning-card-pass" v-show="cdkStatus === '4'">
            <div class="grid-3-1">
              <div id="w-node-_43c8f8c9-03c8-3fff-fc6e-b4b414b43000-9321812f" class="table-gap">
                <div class="p_black_0">登记名称</div>
                <div class="h2_black_0">XXOO</div>
              </div>
              <div id="w-node-_43c8f8c9-03c8-3fff-fc6e-b4b414b43005-9321812f" class="table-gap">
                <div class="p_black_0">审核状态</div>
                <div class="h2_black_0">已通过</div>
              </div>
            </div>
            <div class="table-gap">
              <a href="#" class="button-long w-inline-block">
                <p id="w-node-_43c8f8c9-03c8-3fff-fc6e-b4b414b43010-9321812f" class="h3-list" @click="chongxinshenqing">重新申请</p>
              </a>
            </div>
            <div class="sub-text">
              <p>*使用说明、警示信息</p>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>

  <script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=6746c68e6f85582138361fe0" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
  <script src="js/webflow.js" type="text/javascript"></script>
  <script src="./js/vant.min.js"></script>
  <script src="./js/axios.min.js"></script>
  <script type="text/javascript">
    var miniprogram = new Vue({
      el: "#miniprogram",
      data: {
        cdkStatus:'',
        cdkName:'',
        cdkPass:''
      },
      methods: {
        logout(){
          console.log('退出');
          sessionStorage.removeItem('cdkStatus')
          sessionStorage.removeItem('cdkName')
          sessionStorage.removeItem('cdkPass')
          window.location.href='login.html'
        },
        chongxinshenqing(){
          sessionStorage.removeItem('cdkStatus')
          sessionStorage.removeItem('cdkName')
          sessionStorage.removeItem('cdkPass')
          window.location.href='login.html'
        },
        chehui() {
          console.log('撤回申请',this.cdkName,this.cdkPass)
          axios({ url: 'https://0x0x0x0.com/api/mahjongCdk/revoke', method: 'post',data:{
            sn:this.cdkName,
            code:this.cdkPass,
          }, withCredentials: false}).then(res => {
            console.log(res,'返回结果')
            if (res.data.code === 0 || res.data.code === 200) {
              this.logout()
            } else{
              vant.Toast(res.data.msg);
            }
          }).catch(err => {
            console.log(err)
            vant.Toast('发送失败')
          })
        },
      },
      mounted: function () {
        // this.onSendCode();
        this.cdkStatus = sessionStorage.getItem('cdkStatus')
        this.cdkName = sessionStorage.getItem('cdkName')
        this.cdkPass = sessionStorage.getItem('cdkPass')
        console.log(this.cdkStatus,'打印---------')
      },
    })
  </script>
</body>
</html>